<template>
  <div id="app">
    <h1>非Prop的Attribute?inheritAttrs?</h1>
    <h1>如何使用来提高封装组件的可扩展性？</h1>
    <my-input v-model="message" type="text" placeholder="请输入用户名"></my-input>
    <my-input v-model="message" type="password" placeholder="请输入密码"></my-input>
  </div>
</template>

<script>
import MyInput from './components/MyInput';

export default {
  data() {
    return {
      message: 'Hello 哈默'
    }
  },
  components: {
    MyInput,
  },
};
</script>

<style>
#app {
  text-align: center;
}
</style>
